@extends('layouts.home')
@section('css')
    <style type="text/css">
        #canvasDiv canvas{
            position:absolute;
        }
    </style>
@stop
@section('content')
    <main>
    <div class="container">
        <head><h3>操作说明：玩家1：wasd上左下右，J射击；玩家2：方向键，enter射击。n下一关，p上一关。</h3></head>
        <div class="main clearfix">
            <div id="canvasDiv" >
                <canvas id="wallCanvas" ></canvas>
                <canvas id="tankCanvas" ></canvas>
                <canvas id="grassCanvas" ></canvas>
                <canvas id="overCanvas" ></canvas>
                <canvas id="stageCanvas" ></canvas>
            </div>
        </div>

    </div>
    </main>
@stop
@section('js')
    <script src="{{asset('static/tankgame/js/jquery.min.js')}}"></script>
    <script src="{{asset('static/tankgame/js/Helper.js')}}"></script>
    <script src="{{asset('static/tankgame/js/keyboard.js')}}"></script>
    <script src="{{asset('static/tankgame/js/const.js')}}"></script>
    <script src="{{asset('static/tankgame/js/level.js')}}"></script>
    <script src="{{asset('static/tankgame/js/crackAnimation.js')}}"></script>
    <script src="{{asset('static/tankgame/js/prop.js')}}"></script>
    <script src="{{asset('static/tankgame/js/bullet.js')}}"></script>
    <script src="{{asset('static/tankgame/js/tank.js')}}"></script>
    <script src="{{asset('static/tankgame/js/num.js')}}"></script>
    <script src="{{asset('static/tankgame/js/menu.js')}}"></script>
    <script src="{{asset('static/tankgame/js/map.js')}}"></script>
    <script src="{{asset('static/tankgame/js/Collision.js')}}"></script>
    <script src="{{asset('static/tankgame/js/stage.js')}}"></script>
    <script src="{{asset('static/tankgame/js/main.js')}}"></script>
@stop